<template>
  <div class="shen">
    <van-nav-bar :fixed="true"
      title="申请入驻"
      left-arrow
      @click-left="onClickLeft"
    />
    </van-nav-bar>
    <div class="main">
      <h2>博主入驻</h2>
      <p class="ren">个人信息<span>*</span></p>

      <van-cell-group>
        <van-field
          v-model="name"
          placeholder="真实姓名"
        />
        <van-field
          v-model="weixin"
          placeholder="微信号"
        />
      </van-cell-group>

      <p class="qu">渠道信息<span>/选填</span></p>

      <van-cell-group>
        <van-field
          v-model="weibo"
          placeholder="微博昵称"
        />
        <van-field
          v-model="bili"
          placeholder="请填写bilibili上的昵称"
        />
        <van-field
          v-model="hongshu"
          placeholder="请填写小红书主页链接"
        />
        <van-field
          v-model="weitao"
          placeholder="最近发布在微淘的博文链接"
        />
        <van-field
          v-model="douyin"
          placeholder="请填写抖音主页链接"
        />
        <van-field
          v-model="gongzhonghao"
          placeholder="已认证的公众号文章链接"
        />
      </van-cell-group>
    </div>
    <van-popup v-model="show">提交成功</van-popup>
    <van-button v-tap="{methods:btn}" type="primary" size="large">提交</van-button>
  </div>
</template>

<script>
  export default{
    name:'Blogger',
    data(){
      return{
        name:'',
        weixin:'',
        weibo:'',
        show:false,
        bili:'',
        hongshu:'',
        weitao:'',
        douyin:'',
        gongzhonghao:''
      }
    },
    methods:{
      onClickLeft(){
        this.$router.go(-1)
      },
      btn(){
        if(this.name==''&&this.weixin==''){

        }else{
          this.show=true
        }

      },
    },
  }
</script>

<style scoped="">
  .van-icon-arrow-left{
    color: #bfbfbf;
    font-size: 24px;
  }
  .van-nav-bar__title{font-size: 20px;font-weight: 600;}
  .main{padding: 0 20px;}
  .main h2{font-size: 30px;}
  .ren{font-size: 16px;font-weight: 600;}
  .ren span{color: red;}
  .van-cell{border-bottom:1px solid #BFBFBF ;height: 50px;}
  .qu{font-size: 16px;font-weight: 600;margin-top: 50px;}
  .qu span{font-size: 12px;font-weight: 500;color: #666;}
  .van-button--large{
    background: #FCDC01;
    border: 0;
    margin-top: 50px;
    color: #000000;
    font-weight: 600;
    font-size: 18px;
  }
  .van-popup--center{
    width: 160px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
  }
  .shen >>> .van-overlay{
    background: rgba(0,0,0,.6);
  }
</style>
